<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<script type="text/javascript">
	/* $(function () {
	    $(".data_list_title").find("a").each(function () {
	        if ($(this).attr("href") === (location.pathname)) {
	        	$(this).css("color","#333");
	        }
	    });
	}) */
</script>

<div class="data_list">
		<div class="data_list_title">
			&nbsp;&nbsp;&nbsp;&nbsp;
			<span style="color: #333;">韶华记忆</span>
			<%-- <a href="${pageContext.request.contextPath}/oldtimes.html" id="new">韶华记忆</a> --%>
			<%-- &nbsp;&nbsp;&nbsp;&nbsp;
			<a href="${pageContext.request.contextPath}/index/hot.html" id="hot">最热博客</a> --%>
		</div>
		<div class="datas">
			<ul>
			  <c:forEach var="oldtimes" items="${oldtimesList}">
			  	  <li style="margin-top: 10px">
				  	<!-- <span class="date"><a href="${pageContext.request.contextPath}/blog/articles/${blog.id}.html"><fmt:formatDate value="${blog.releaseDate }" type="date" pattern="yyyy年MM月dd日"/></a></span> -->
				  	<span class="title"><a href="${pageContext.request.contextPath}/oldtimes/articles/${oldtimes.id}.html">${oldtimes.title }</a></span>
				  	<span class="summary">摘要: ${oldtimes.summary }...</span>
				  	<span class="img">
				  		<c:forEach var="image" items="${oldtimes.imagesList }">
					  		<a href="${pageContext.request.contextPath}/oldtimes/articles/${oldtimes.id}.html">${image }</a>
					  		&nbsp;&nbsp;
				  		</c:forEach>
				  	</span>
				  	<span class="info">发布于 <fmt:formatDate value="${oldtimes.releaseDate }" type="date" pattern="yyyy-MM-dd HH:mm"/> · 阅读 ${oldtimes.clickHit} · 评论 ${oldtimes.replyHit}  </span>
				  </li>
				  <hr style="border:none;border-top:1px dashed gray;" />
			  </c:forEach>
			</ul>
		</div>
   </div>

<div>
	<nav style="text-align: center;">
	  <ul class="pagination pagination-sm">
	    ${pageCode }
	  </ul>
	</nav>
 </div>
 